<template>
  <div class="editor_content">
    <TipTapEditor :value="value" @input="updateValue" />
  </div>
</template>

<script>
import TipTapEditor from './TipTapEditor.vue'

export default {
  components: {
    TipTapEditor
  },
  data() {
    return {
      value: {}
    }
  },
  methods: {
    updateValue(val) {
      this.value = val
    }
  }
}
</script>

<style lang="scss" scoped>
.editor_content {
  width: calc(100% - 40px);
  border-radius: 5px;
  background: #fff;
  background: #ffffff;
  margin: 20px;
  padding: 16px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: calc(100% - 40px);
}
</style>
